//权限拦截在路由跳转 导航守卫
import router from "@/router";
//不需要导出只需要代码执行即可，在main.js已经引入该文件，即代表执行
import store from "@/store"; //引入store实例 和组件中的this.$store是一回事
import NProgress from "nprogress"; // 引入一份进度条插件
import "nprogress/nprogress.css"; // 引入进度条样式

//定义白名单
const whiteList = ["/login", "/404"];
// 前置守卫
//next是前置守卫必须执行的钩子
router.beforeEach(async (to, from, next) => {
  NProgress.start(); //开启进度条
  if (store.getters.token) {
    //如果有token
    if (to.path === "/login") {
      //如果要去登录页
      next("/");
    } else {
      if (!store.getters.userId) {
        const { roles } = await store.dispatch("user/getUserInfo");
        //筛选用户的可用路由
        const routes = await store.dispatch(
          "permission/filterRoutes",
          roles.menus
        ); //筛选得到当前用户可用的动态路由,roles.menus是filterRoutes方法里需要的参数
        //rotes就是筛选得到的静态路由
        //把得到的路由添加到路由表中 默认的路由表 只有静态路由 没有动态路由
        //addRoutes
        // console.log(routes);
        router.addRoutes([
          ...routes,
          { path: "*", redirect: "/404", hidden: true },
        ]); //添加动态路由到路由表中
        // 添加完动态路由之后
        next(to.path); // 相当于跳到对应的地址  相当于多做一次跳转 不能用next()不然会报错
      } else {
        next();
      }
    }
  } else {
    if (whiteList.indexOf(to.path) > -1) {
      //表示要去的地址在白名单
      next();
    } else {
      next("/login");
    }
  }
  NProgress.done(); //手动强制关闭进度条
});
//后置守卫
router.afterEach((to, from, next) => {
  NProgress.done(); //关闭进度条
});
